<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet"
	href="../wk1un2_electricity_digital/Front/Css/style.css" />
<script type="text/javascript"
	src="../wk1un2_electricity_digital/Front/Scripts/jquery-1.8.2.min.js"></script>
<script type="text/javascript"
	src="../wk1un2_electricity_digital/Front/Scripts/menu.js"></script>

<script type="text/javascript"
	src="../wk1un2_electricity_digital/Front/Scripts/lrscroll_1.js"></script>


<script type="text/javascript"
	src="../wk1un2_electricity_digital/Front/Scripts/n_nav.js"></script>

<link rel="stylesheet" type="text/css"
	href="../wk1un2_electricity_digital/Front/Css/shopshow.css" />
<link rel="stylesheet" type="text/css"
	href="../wk1un2_electricity_digital/Front/Css/magiczoom.css" />
<script type="text/javascript"
	src="../wk1un2_electricity_digital/Front/Scripts/magiczoom.js"></script>

<script type="text/javascript"
	src="../wk1un2_electricity_digital/Front/Scripts/num.js">
	var jq = jQuery.noConflict();
</script>

<script type="text/javascript"
	src="../wk1un2_electricity_digital/Front/Scripts/p_tab.js"></script>

<script type="text/javascript"
	src="../wk1un2_electricity_digital/Front/Scripts/shade.js"></script>
<link rel="shortcut icon" href="https://www.vmall.com/favicon.ico" />
<title>数码商品分类页面</title>
</head>
<body>
	<!--Begin Header Begin-->
	<div class="soubg">
		<div class="sou">
			<!--Begin 所在收货地区 Begin-->
			<span class="s_city_b"> <span class="fl">送货至：</span> <span
				class="s_city"> <span>四川</span>
					<div class="s_city_bg">
						<div class="s_city_t"></div>
						<div class="s_city_c">
							<h2>请选择所在的收货地区</h2>
							<table border="0" class="c_tab"
								style="width: 235px; margin-top: 10px;" cellspacing="0"
								cellpadding="0">
								<tr>
									<th>A</th>
									<td class="c_h"><span>安徽</span><span>澳门</span></td>
								</tr>
								<tr>
									<th>B</th>
									<td class="c_h"><span>北京</span></td>
								</tr>
								<tr>
									<th>C</th>
									<td class="c_h"><span>重庆</span></td>
								</tr>
								<tr>
									<th>F</th>
									<td class="c_h"><span>福建</span></td>
								</tr>
								<tr>
									<th>G</th>
									<td class="c_h"><span>广东</span><span>广西</span><span>贵州</span><span>甘肃</span></td>
								</tr>
								<tr>
									<th>H</th>
									<td class="c_h"><span>河北</span><span>河南</span><span>黑龙江</span><span>海南</span><span>湖北</span><span>湖南</span></td>
								</tr>
								<tr>
									<th>J</th>
									<td class="c_h"><span>江苏</span><span>吉林</span><span>江西</span></td>
								</tr>
								<tr>
									<th>L</th>
									<td class="c_h"><span>辽宁</span></td>
								</tr>
								<tr>
									<th>N</th>
									<td class="c_h"><span>内蒙古</span><span>宁夏</span></td>
								</tr>
								<tr>
									<th>Q</th>
									<td class="c_h"><span>青海</span></td>
								</tr>
								<tr>
									<th>S</th>
									<td class="c_h"><span>上海</span><span>山东</span><span>山西</span><span
										class="c_check">四川</span><span>陕西</span></td>
								</tr>
								<tr>
									<th>T</th>
									<td class="c_h"><span>台湾</span><span>天津</span></td>
								</tr>
								<tr>
									<th>X</th>
									<td class="c_h"><span>西藏</span><span>香港</span><span>新疆</span></td>
								</tr>
								<tr>
									<th>Y</th>
									<td class="c_h"><span>云南</span></td>
								</tr>
								<tr>
									<th>Z</th>
									<td class="c_h"><span>浙江</span></td>
								</tr>
							</table>
						</div>
					</div>
			</span>
			</span>
			<!--End 所在收货地区 End-->
			 <span class="fr">
        	<span class="fl">您好,
        				<%
                        	HttpSession s=request.getSession();
                       		if(s.getAttribute("USER_SESSION")==null){
                    	%>
                        	请<a href="../wk1un2_electricity_digital/Front/login.jsp">登录</a>&nbsp; 
                        	<a href="regist" style="color: #ff4e00;">免费注册</a>&nbsp;|&nbsp;
                        <%
                        	}else{
                        %>
                         	${USER_SESSION.u_name}
                         	<a href="${pageContext.request.contextPath}/logout">
                         	<i class="fa fa-sign-out"></i> 退出当前账号
							</a>
                       <%} %><a href="#">我的订单</a>&nbsp;|
        	</span>  <span class="ss">
					<div class="ss_list">
						<a href="#">收藏夹</a>
						<div class="ss_list_bg">
							<div class="s_city_t"></div>
							<div class="ss_list_c">
								<ul>
									<li><a href="#">我的收藏夹</a></li>
									<li><a href="#">我的收藏夹</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ss_list">
						<a href="#">客户服务</a>
						<div class="ss_list_bg">
							<div class="s_city_t"></div>
							<div class="ss_list_c">
								<ul>
									<li><a href="#">客户服务</a></li>
									<li><a href="#">客户服务</a></li>
									<li><a href="#">客户服务</a></li>
								</ul>
							</div>
						</div>
					</div>
					<div class="ss_list">
						<a href="#">网站导航</a>
						<div class="ss_list_bg">
							<div class="s_city_t"></div>
							<div class="ss_list_c">
								<ul>
									<li><a href="#">网站导航</a></li>
									<li><a href="#">网站导航</a></li>
								</ul>
							</div>
						</div>
					</div>
			</span> <span class="fl">|&nbsp;关注我们：</span> <span class="s_sh"><a
					href="#" class="sh1">新浪</a><a href="#" class="sh2">微信</a></span> <span
				class="fr">|&nbsp;<a href="#">手机版&nbsp;<img
						src="../wk1un2_electricity_digital/Front/Picture/s_tel.png"
						align="absmiddle" /></a></span>
			</span>
		</div>
	</div>
	<div class="top">
		<div class="logo">
			<a href="../wk1un2_electricity_digital/index"><img
				src="../wk1un2_electricity_digital/Front/img/logoindex.png"
				style="width: 200px; padding-top: 20px" /></a>
		</div>
		<div class="search">
			<form>
				<input type="text" value="" class="s_ipt" /> <input type="submit"
					value="搜索" class="s_btn" />
			</form>
		</div>
		<div class="i_car">
			<div class="car_t">
				购物车 [ <span>3</span> ]
			</div>
			<div class="car_bg">
				<!--Begin 购物车未登录 Begin-->
				<div class="un_login">
					还未登录！<a href="Login.html" style="color: #ff4e00;">马上登录</a> 查看购物车！
				</div>
				<!--End 购物车未登录 End-->
				<!--Begin 购物车已登录 Begin-->
				<ul class="cars">
					<li>
						<div class="img">
							<a href="#"><img
								src="../wk1un2_electricity_digital/Front/Picture/car1.jpg"
								width="58" height="58" /></a>
						</div>
						<div class="name">
							<a href="#">法颂浪漫梦境50ML 香水女士持久清新淡香 送2ML小样3只</a>
						</div>
						<div class="price">
							<font color="#ff4e00">￥399</font> X1
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#"><img
								src="../wk1un2_electricity_digital/Front/Picture/car2.jpg"
								width="58" height="58" /></a>
						</div>
						<div class="name">
							<a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a>
						</div>
						<div class="price">
							<font color="#ff4e00">￥399</font> X1
						</div>
					</li>
					<li>
						<div class="img">
							<a href="#"><img
								src="../wk1un2_electricity_digital/Front/Picture/car2.jpg"
								width="58" height="58" /></a>
						</div>
						<div class="name">
							<a href="#">香奈儿（Chanel）邂逅活力淡香水50ml</a>
						</div>
						<div class="price">
							<font color="#ff4e00">￥399</font> X1
						</div>
					</li>
				</ul>
				<div class="price_sum">
					共计&nbsp; <font color="#ff4e00">￥</font><span>1058</span>
				</div>
				<div class="price_a">
					<a href="#">去购物车结算</a>
				</div>
				<!--End 购物车已登录 End-->
			</div>
		</div>
	</div>
	<!--End Header End-->
	<!--Begin Menu Begin-->
	<!--End Header End-->
	<!--Begin Menu Begin-->
	<div class="menu_bg">
		<div class="menu">
			<div class="m_ad">过年送好礼 欢乐享不停！</div>
		</div>
	</div>
	<!--End Menu End-->
	<div class="i_bg">
		<div class="postion">
			<span class="fl"><a href="../wk1un2_electricity_digital/index">首页</a>
				<c:forEach items="${Cate}" var="cp">>> <a
						href="/wk1un2_electricity_digital/Productdetails?p_id=${cp.p_id }">${cp.pcat_name }</a>
				</c:forEach></span>
			<!-- <span class="n_ch"> -->
			<!-- <span class="fl">品牌：<font>香奈儿</font></span> -->
			<!-- <a href="#"><img
					src="../wk1un2_electricity_digital/Front/Picture/s_close.gif" /></a> -->
			</span>
		</div>
		<!--Begin 筛选条件 Begin-->
		<div class="content mar_10">
			<table border="0" class="choice"
				style="width: 100%; font-family: '宋体'; margin: 0 auto;"
				cellspacing="0" cellpadding="0">
				<tr valign="top">
					<td width="70">&nbsp; 品牌：</td>
					<td class="td_a"><a href="#" class="now">华为</a><a href="#">荣耀</a></td>
				</tr>
				<tr valign="top">
					<td>&nbsp; 价格：</td>
					<td class="td_a"><a href="#">0-1999</a><a href="#" class="now">2000-3999</a><a
						href="#">4000-5999</a><a href="#">6000-8999</a><a href="#">9000-12999</a><a
						href="#">12999以上</a></td>
				</tr>
				<tr>
					<td>&nbsp; 类型：</td>
					<td class="td_a"><a href="#">手机</a><a href="#">电脑</a><a
						href="#">平板</a><a href="#">蓝牙耳机</a><a href="#">蓝牙音箱</a><a href="#">其它</a></td>
				</tr>
				<tr>
					<td>&nbsp; 内存：</td>
					<td class="td_a"><a href="#">6+64G</a><a href="#">6+128G</a><a
						href="#">8+128G</a><a href="#">8+256G</a><a href="#">8+512G</a><a
						href="#">其它</a></td>
				</tr>
			</table>
		</div>
		<!--End 筛选条件 End-->
    
    <div class="content mar_20">
    	 <div class="l_history">
        	<div class="his_t">
            	<span class="fl">商品推荐</span>
            </div>
        	<ul>
        		<c:forEach items="${rp }" var="r">
            	<li>
                    <div class="img"><a href="../wk1un2_electricity_digital/Productdetails?p_id=${r.p_id }"><img src="../wk1un2_electricity_digital/Front/${r.p_url }" width="185" height="162" /></a></div>
                	<div class="name"><a href="../wk1un2_electricity_digital/Productdetails?p_id=${r.p_id }">${r.p_name }</a></div>
                    <div class="price">
                    	<font>￥<span>${r.p_price }</span></font> &nbsp; 18R
                    </div>
                </li>
                </c:forEach>
        	</ul>
        </div> 
			<div class="l_list">
				<div class="list_t">
					<span class="fl list_or"> <a href="#" class="now">默认</a> <a
						href="#"> <span class="fl">销量</span> <span class="i_up">销量从低到高显示</span>
							<span class="i_down">销量从高到低显示</span>
					</a> <a href="#"> <span class="fl">价格</span> <span class="i_up">价格从低到高显示</span>
							<span class="i_down">价格从高到低显示</span>
					</a> <a href="#">新品</a>
					</span> <span class="fr">共发现1件</span>
				</div>
				<div class="list_c">
					<ul class="cate_list">
						<c:forEach items="${Cate}" var="cp">
							<li>
								<div class="img">
									<a
										href="/wk1un2_electricity_digital/Productdetails?p_id=${cp.p_id }"><img
										src="/wk1un2_electricity_digital/Front/${cp.p_url }"
										width="210" height="185" /></a>
								</div>
								<div class="price">
									<font><span>${cp.p_price }</span></font>
								</div>
								<div class="name">
									<a
										href="/wk1un2_electricity_digital/Productdetails?p_id=${cp.p_id }">${cp.p_name }</a>
								</div>
								<div class="carbg">
									<a href="#" class="ss">收藏</a> <a href="#" class="j_car">加入购物车</a>
								</div>
							</li>
						</c:forEach>
					</ul>

					<div class="pages" style="padding-right: 350px;">
						<a href="#" class="p_pre">上一页</a><a href="#" class="cur">1</a><a
							href="#">2</a><a href="#">3</a>···<a href="#">20</a><a href="#"
							class="p_pre">下一页</a>
					</div>



				</div>
			</div>
		</div>

		<!--Begin Footer Begin -->
		<div class="b_btm_bg bg_color">
			<div class="b_btm">
				<table border="0"
					style="width: 210px; height: 62px; float: left; margin-left: 75px; margin-top: 30px;"
					cellspacing="0" cellpadding="0">
					<tr>
						<td width="72"><img
							src="../wk1un2_electricity_digital/Front/Picture/b1.png"
							width="62" height="62" /></td>
						<td><h2>正品保障</h2>正品行货 放心购买</td>
					</tr>
				</table>
				<table border="0"
					style="width: 210px; height: 62px; float: left; margin-left: 75px; margin-top: 30px;"
					cellspacing="0" cellpadding="0">
					<tr>
						<td width="72"><img
							src="../wk1un2_electricity_digital/Front/Picture/b2.png"
							width="62" height="62" /></td>
						<td><h2>满38包邮</h2>满38包邮 免运费</td>
					</tr>
				</table>
				<table border="0"
					style="width: 210px; height: 62px; float: left; margin-left: 75px; margin-top: 30px;"
					cellspacing="0" cellpadding="0">
					<tr>
						<td width="72"><img
							src="../wk1un2_electricity_digital/Front/Picture/b3.png"
							width="62" height="62" /></td>
						<td><h2>天天低价</h2>天天低价 畅选无忧</td>
					</tr>
				</table>
				<table border="0"
					style="width: 210px; height: 62px; float: left; margin-left: 75px; margin-top: 30px;"
					cellspacing="0" cellpadding="0">
					<tr>
						<td width="72"><img
							src="../wk1un2_electricity_digital/Front/Picture/b4.png"
							width="62" height="62" /></td>
						<td><h2>准时送达</h2>收货时间由你做主</td>
					</tr>
				</table>
			</div>
		</div>
		<div class="b_nav">
			<dl>
				<dt>
					<a href="#">新手上路</a>
				</dt>
				<dd>
					<a href="#">售后流程</a>
				</dd>
				<dd>
					<a href="#">购物流程</a>
				</dd>
				<dd>
					<a href="#">订购方式</a>
				</dd>
				<dd>
					<a href="#">隐私声明</a>
				</dd>
				<dd>
					<a href="#">推荐分享说明</a>
				</dd>
			</dl>
			<dl>
				<dt>
					<a href="#">配送与支付</a>
				</dt>
				<dd>
					<a href="#">货到付款区域</a>
				</dd>
				<dd>
					<a href="#">配送支付查询</a>
				</dd>
				<dd>
					<a href="#">支付方式说明</a>
				</dd>
			</dl>
			<dl>
				<dt>
					<a href="#">会员中心</a>
				</dt>
				<dd>
					<a href="#">资金管理</a>
				</dd>
				<dd>
					<a href="#">我的收藏</a>
				</dd>
				<dd>
					<a href="#">我的订单</a>
				</dd>
			</dl>
			<dl>
				<dt>
					<a href="#">服务保证</a>
				</dt>
				<dd>
					<a href="#">退换货原则</a>
				</dd>
				<dd>
					<a href="#">售后服务保证</a>
				</dd>
				<dd>
					<a href="#">产品质量保证</a>
				</dd>
			</dl>
			<dl>
				<dt>
					<a href="#">联系我们</a>
				</dt>
				<dd>
					<a href="#">网站故障报告</a>
				</dd>
				<dd>
					<a href="#">购物咨询</a>
				</dd>
				<dd>
					<a href="#">投诉与建议</a>
				</dd>
			</dl>
			<div class="b_tel_bg">
				<a href="#" class="b_sh1">新浪微博</a> <a href="#" class="b_sh2">腾讯微博</a>
				<p>
					服务热线：<br /> <span>400-123-4567</span>
				</p>
			</div>
			<div class="b_er">
				<div class="b_er_c">
					<img src="../wk1un2_electricity_digital/Front/Picture/er.gif"
						width="118" height="118" />
				</div>
				<img src="../wk1un2_electricity_digital/Front/Picture/ss.png" />
			</div>
		</div>
		<div class="btmbg">
			<div class="btm">
				备案/许可证编号：蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018
				尤洪商城网 All Rights Reserved. 复制必究 , Technical Support: Dgg Group <br />
				<img src="../wk1un2_electricity_digital/Front/Picture/b_1.gif"
					width="98" height="33" /><img
					src="../wk1un2_electricity_digital/Front/Picture/b_2.gif"
					width="98" height="33" /><img
					src="../wk1un2_electricity_digital/Front/Picture/b_3.gif"
					width="98" height="33" /><img
					src="../wk1un2_electricity_digital/Front/Picture/b_4.gif"
					width="98" height="33" /><img
					src="../wk1un2_electricity_digital/Front/Picture/b_5.gif"
					width="98" height="33" /><img
					src="../wk1un2_electricity_digital/Front/Picture/b_6.gif"
					width="98" height="33" />
			</div>
		</div>
		<!--End Footer End -->
	</div>

</body>
</html>